<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程订单检索弹出层</title>
    <link rel="stylesheet" href="../layui/src/css/layui.css">
    <link rel="shortcut icon" href="../public/img/icon.png">
    <link rel="stylesheet" href="/lay-excel/layui/src/css/layui.css">
    <script src="/lay-excel/layui/src/layui.js"></script>
    <link rel="stylesheet" href="/operation/css/Course_order_list_retrieval.css">
</head>
<body>
<div class="layui-container" id="zong">
    <form class="layui-form">
        <table>
            <tr class="line">
                <td class="first"></td>
                <td>提交时间：</td>
                <td class="middle"></td>
                <td >用户账号：</td>
            </tr>
            <tr>
                <td class="first"></td>
                <td class="tableCell"><input type="text" name="createDate" class="layui-input" id="createDate" placeholder="请选择时间"/></td>
                <td class="middle"></td>
                <td><input type="text" name="account" id="account" class="layui-input" placeholder="请输入用户账号"/></td>
            </tr>
            <tr class="line">
                <td class="first"></td>
                <td>支付方式：</td>
                <td class="middle"></td>
                <td>订单来源：</td>
            </tr>
            <tr>
                <td class="first"></td>
                <td class="tableCell">
                    <select  id="orderPaymentChannel">
                        <option value="">请选择支付方式</option>
                        <option value="4">未支付</option>
                        <option value="2">微信支付</option>
                        <option value="3">余额支付</option>
                        <option value="5">支付宝支付</option>
                    </select>
                </td>
                <td class="middle"></td>
                <td>
                    <select  id="orderSource">
                        <option value="">请选择订单来源</option>
                        <option value="2">小程序</option>
                        <option value="3">app</option>
                    </select>
                </td>
            </tr>
            <tr class="line">
                <td class="first"></td>
                <td>订单编号：</td>
                <td class="middle"></td>
                <td></td>
            </tr>
            <tr>
                <td class="first"></td>
                <td class="kuan"><input type="text" name="orderNo" id="orderNo" class="layui-input" placeholder="请输入订单编号"/></td>
                <td class="middle"></td>
                <td></td>
            </tr>
        </table><br/>
        <hr>
    </form>
    <div id="btn">
        <button type="button" class="layui-btn" id="confirm">确定</button>
        <button class="layui-btn layui-btn-primary layui-border-green" id="reset">重置</button>
    </div>
</div>
<script>
    var layer;
    var $;
    layui.use(['layedit','laydate','layer','util','table'], function() {
        $ = layui.$;
        layer = layui.layer,
            util = layui.util;
        var laydate = layui.laydate;
        var table = layui.table
        //时间插件
        laydate.render({
            elem: '#createDate', //指定元素
            trigger: 'click' //事件为点击事件
        });
        //确定
        $("#confirm").on('click',function(){
            var parent$=window.parent.layui.jquery;
            var val1=$("#createDate").val();
            var val2=$("#account").val();
            var val3=$("#orderPaymentChannel").val();
            var val4=$("#orderSource").val();
            var val5=$("#orderNo").val();
            parent.$("#vil").val(val1);
            parent.$("#vil1").val(val2);
            parent.$("#vil2").val(val3);
            parent.$("#vil3").val(val4);
            parent.$("#vil4").val(val5);
            parent.retrieve();
            //获取当前iframe的索引
            var index=parent.layer.getFrameIndex(window.name);
            parent.layer.close(index)//执行关闭
        })
        //重置
        $("#reset").on('click',function(){
            $("input").val("");
            $(this).find("option:selected").removeAttr("selected");
        })

    })


</script>


</body>
</html>